import PropTypes from 'prop-types';
import React from 'react';
import { Path } from 'react-native-svg';
import Svg from '../Svg';

const ApplePayIcon = ({ color, colors, ...props }) => (
  <Svg height="23" viewBox="0 0 55 23" width="55" {...props}>
    <Path
      d="M9.93652 3.41162C10.4756 2.76025 10.8574 1.86182 10.8574 0.963379C10.8574 0.839844 10.8462 0.716309 10.8237 0.615234C9.94775 0.648926 8.88086 1.19922 8.25195 1.94043C7.74658 2.51318 7.28613 3.41162 7.28613 4.32129C7.28613 4.45605 7.30859 4.59082 7.31982 4.63574C7.37598 4.64697 7.46582 4.6582 7.55566 4.6582C8.35303 4.6582 9.35254 4.13037 9.93652 3.41162ZM10.5542 4.84912C9.229 4.84912 8.15088 5.65771 7.46582 5.65771C6.73584 5.65771 5.77002 4.89404 4.61328 4.89404C2.42334 4.89404 0.210938 6.71338 0.210938 10.1162C0.210938 12.25 1.03076 14.4849 2.0415 15.9336C2.91748 17.1577 3.68115 18.1685 4.77051 18.1685C5.85986 18.1685 6.33154 17.4385 7.6792 17.4385C9.04932 17.4385 9.36377 18.146 10.5542 18.146C11.7446 18.146 12.542 17.0566 13.2832 15.9785C14.1255 14.7432 14.4736 13.5527 14.4849 13.4854C14.4175 13.4629 12.1377 12.542 12.1377 9.93652C12.1377 7.6792 13.9346 6.67969 14.0356 6.60107C12.8564 4.89404 11.0596 4.84912 10.5542 4.84912Z"
      fill={color || colors.white}
    />
    <Path
      d="M20.9381 18.1797C21.713 18.1797 22.1959 17.6855 22.1959 16.877V12.4634H25.6773C28.8556 12.4634 31.0904 10.2847 31.0904 7.11768C31.0904 3.96191 28.9005 1.79443 25.756 1.79443H20.9381C20.152 1.79443 19.6803 2.28857 19.6803 3.09717V16.877C19.6803 17.6855 20.152 18.1797 20.9381 18.1797ZM22.1959 10.3521V3.91699H25.0934C27.2721 3.91699 28.5187 5.08496 28.5187 7.12891C28.5187 9.17285 27.2721 10.3521 25.0821 10.3521H22.1959Z"
      fill={color || colors.white}
    />
    <Path
      d="M35.9152 18.2021C37.4538 18.2021 38.9587 17.3711 39.6437 16.0571H39.6999V17.0566C39.7224 17.7754 40.1828 18.2134 40.8566 18.2134C41.5417 18.2134 42.0246 17.7529 42.0246 16.9893V9.85791C42.0246 7.48828 40.194 5.97217 37.3303 5.97217C35.2077 5.97217 33.4221 6.82568 32.8044 8.16211C32.6584 8.43164 32.591 8.70117 32.591 8.94824C32.591 9.55469 33.029 9.95898 33.6354 9.95898C34.0622 9.95898 34.3767 9.80176 34.6237 9.44238C35.2976 8.36426 36.0725 7.94873 37.2404 7.94873C38.7228 7.94873 39.6101 8.73486 39.6101 10.0488V10.9585L36.3644 11.1494C33.5681 11.3066 31.9733 12.5757 31.9733 14.6421C31.9733 16.7646 33.6018 18.2021 35.9152 18.2021ZM36.5778 16.2817C35.2863 16.2817 34.4216 15.6079 34.4216 14.5747C34.4216 13.564 35.2414 12.9238 36.6901 12.8228L39.6101 12.6431V13.5752C39.6101 15.1138 38.2736 16.2817 36.5778 16.2817Z"
      fill={color || colors.white}
    />
    <Path
      d="M46.2205 22.4023C48.4104 22.4023 49.5223 21.4365 50.5667 18.5952L54.6658 7.75781C54.7444 7.52197 54.7894 7.2749 54.7894 7.08398C54.7894 6.43262 54.3064 5.97217 53.6102 5.97217C52.9925 5.97217 52.6556 6.2417 52.4534 6.9043L49.4324 15.7988H49.3987L46.389 6.9043C46.1756 6.23047 45.8274 5.97217 45.221 5.97217C44.5135 5.97217 43.9856 6.43262 43.9856 7.09521C43.9856 7.28613 44.0306 7.5332 44.1204 7.78027L48.0735 18.1235L47.8489 18.8086C47.4109 20.0215 46.7259 20.3921 46.052 20.3921C45.7713 20.3921 45.6814 20.3809 45.4231 20.3809C44.8392 20.3809 44.4798 20.7178 44.4798 21.2344C44.4798 21.9868 45.0975 22.4023 46.2205 22.4023Z"
      fill={color || colors.white}
    />
  </Svg>
);

ApplePayIcon.propTypes = {
  color: PropTypes.string,
};

export default ApplePayIcon;
